<!DOCTYPE html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">

<link rel="stylesheet" type="text/css" href="css/wap.css">
<link rel="stylesheet" type="text/css" href="css/iconfont.css">
<link rel="stylesheet" type="text/css" href="css/personal.css">
<link rel="stylesheet" type="text/css" href="css/base.css">

<script type="text/javascript" src="js/jquery.js"></script>

<title>个人中心</title>
</head>

<body class="main body-bg">

<header>
	<div class="per-bg clearfix">
        <div class="per-header" style="display:none;">
        	<div class="per-header-pic"><img src="images/touxiang-01.png"></div>
            <div class="per-header-tit"><span>午夜的巴塞罗那</span></div>
        </div>
        
        <div class="per-header" >
        	<div class="per-header-pic"><img src="images/nohead.png"></div>
            <div class="per-header-tit"><span>Hi,您未登录</span><a  href="login.html" class="per-login">登录/注册</a></div>
        </div>
        
        
        
    </div>
</header>
<nav>
	<ul class="per-navi clearfix">
		<li>
        	<p>1212.00</p>
            <p>可用余额(元)</p>
        </li>
		<li>
        	<p>54.00</p>
            <p>冻结余额(元)</p>
        </li>
		<li>
        	<p>452</p>
            <p>待结算金额(元)</p>
        </li>
		<li>
			<p class="tixian"><i class="iconfont icon-tixian"></i></p>
			<p>提取现金</p>
		</li>
	</ul>
</nav>
<article style="padding-bottom: 4.5em;">
	<div class="per-body clearfix">
    	<div class="per-body-info">
        	<div class="per-info-tit">我的订单<a class="per-more" href="order.html">查看全部&nbsp;></a></div>
            <div class="per-info-dd">
            	<ul>
                	<li><a href="order.html"><img src="images/icon-1-zhifu.png">待支付</a>
                    </li>
                	<li><a href="order.html"><img src="images/icon-2-fahuo.png">代发货</a>
                    </li>
                	<li><a href="order.html"><img class="dd-img" src="images/icon-3-shouhuo.png">待收货</a>
                    </li>
                	<li><a href="order.html"><img src="images/icon-4-pingjia.png">待评价</a>
                    </li>
                	<li><a href="order.html"><img class="dd-img" src="images/icon-5-shouhou.png">退款/售后</a>
                    </li>
                    
                </ul>
            </div>
        </div>
    </div>
	<div class="per-body clearfix">
		<div class="per-body-info">
			<div class="per-info-tit">我的订单<a class="per-more" href="">查看全部&nbsp;></a></div>
			<div class="per-info-seller">
				<ul>
					<li><a href="mysell.html"><div class="img_sell"></div>我的出售</a></li>
					<li><a href="myqiugou.html"><div class="img_qiugou"></div>我的求购</a></li>
					<li><a href=""><div class="img_kefu"></div>联系客服</a></li>
					<li><a href=""><div class="img_seller"></div>卖家中心</a></li>

				</ul>
			</div>
		</div>
	</div>

</article>


<footer id="footer" class="clearfix">
	<ul class="footer-user">
		<li><a href="index.html">
			<i class="icon-index"></i>
			<p>首页</p></a>
		</li>
		<li><a href="fenlei.html">
			<i class="icon-fenleii"></i>
			<p>分类</p></a>
		</li>
		<li><a href="cart.html">
			<i class="icon-buy"></i>
			<p>购物车</p></a>
		</li>
		<li class="active"><a href="personal.html">
			<i class="icon-center"></i>
			<p>个人中心</p></a>
		</li>
	</ul>
</footer>

<script>
$(document).ready(function(){
	$('#footer li').click(function(e){
		$('#footer li').removeClass('active');
		$(this).addClass('active');
	});
});
</script>

</body>
</html>
